
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>${webConfig.name}</title>
<meta name="keywords" content="${webConfig.seoKeyword}">
<meta name="description" content="${webConfig.description}"/>
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/base.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/product.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/swiper.min.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/animate.min.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/js/jquery.sPage.css"/>
	<style type="text/css">
		/*清除浮动*/
		.after::after{
			content: '';
			display: block;
			clear: both;
		}
		.inter{
			width: 1200px;
			margin: 0 auto;
		}


		/*列表页*/
		.newtop{
			height: 145px;
			background: #3200cf;
			padding-top: 80px;
			box-sizing: border-box;
		}
		.newdl{
			display: none;
			position: absolute;
			top: 100%;
			z-index: 999;
			width: 100%;
		}
		.newdl dd a{
			display: block;
			background: rgba(50,0,270,0.4);
			height: 50px;
			line-height: 50px;
		}
		.inul li:hover .newdl{
			display: block;
		}
		.newdl dd a:hover{
			background: #fff;
			color: #3200cf;
		}
		.newlj{
			margin: 30px auto;
			height: 30px;
			line-height: 30px;
			font-size: 18px;
			color: #666666;
		}
		.newlj img{
			margin-top: -5px;
			width: 17px;
		}
		.newlj a{
			font-size: 18px;
			color: #666666;
		}
		.newlist {
			margin-bottom: 100px;
		}
		.new_le{
			float: left;
			width: 820px;
		}
		.new_ri{
			float: right;
			width: 300px;
		}
		.new_le ul li{
			padding-bottom: 25px;
			border-bottom: 1px dashed #E6E6E6;
			margin-bottom: 25px;
		}
		.new_img{
			width: 220px;
			height: 170px;
			float: left;
		}
		.new_ri1 img{width:300px; height: 140px;}
		.new_img img{
			width: 220px;
			height: 170px;
		}
		.new_text{
			width: 590px;
			padding-left: 20px;
			float: left;
			box-sizing: border-box;
		}
		.new_p1{
			font-size: 28px;
			color: #333333;
			margin-bottom: 10px;
		}
		.new_p2{
			font-size: 14px;
			color: #666666;
			line-height: 20px;
			height: 60px;
			margin-bottom: 40px;
		}
		.new_p3{
			font-size: 12px;
			color: #666666;
		}


		.new_p4{
			font-size: 20px;
			color: #333333;
			margin-bottom: 25px;
		}
		.new_p4 a{
			float: right;
			font-size: 16px;
			color: #dfdfdf;
		}
		.new_ri1{
			width: 100%;
		}
		.new_ri_text{
			width: 100%;
			background: #f6f6f6;
			padding: 14px;
			box-sizing:border-box;
		}
		.new_ri_text1{
			font-size: 16px;
			color: #d1d3d3;
			float: left;
			width: 50px;
			border-right: 1px solid #e5e5e5;
		}
		.new_ri_text1 p{
			font-size: 24px;
			color: #333333;
		}
		.new_ri_text2{
			padding-left: 10px;
			float: left;
			width: 220px;
			box-sizing: border-box;
		}
		.new_ri_text2 p:nth-of-type(1){
			font-size: 20px;
			color: #333333;
		}
		.new_ri_text2 p:nth-of-type(2){
			font-size: 12px;
			color: #c2c2c2;
		}
		.new_ri_ul li a{
			display: block;
			height: 40px;
			line-height: 40px;
			border-bottom: 1px dashed #E6E6E6;
			padding-left: 20px;
			box-sizing: border-box;
			font-size: 14px;
			color: #666666;
			position: relative;
		}
		.new_ri_ul li a:before{
			content: "";
			position: absolute;
			width: 5px;
			height: 5px;
			background: #2ebfb0;
			left: 8px;
			top: 18px;
		}

		.newxf{
			width: 180px;
			height: 220px;
			background: #3f7cf8;
			position: fixed;
			top: 50%;
			right: 10px;
			border-radius: 5px;
			padding: 6px;
			box-sizing: border-box;
		}
		.newxf_p1{
			text-align: center;
			margin-top: 20px;
			margin-bottom: 10px;
		}
		.newxf_p1 a{
			font-size: 22px;
			color: #fff;
			display: inline-block;
			width: 100px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background: #0254fa;
			border-radius: 5px;
			margin-left: 10px;
		}
		.newxf1{
			background: #fff;
			padding: 10px 0;
			box-sizing: border-box;
			text-align: center;
			font-size: 14px;
			color: #666666;
		}
		.newxf1 p{
			font-size: 20px;
			color: #3f7cf8;
		}
		.newxf2{
			margin-bottom: 5px;
			border-bottom: 1px solid #E6E6E6;
			padding-bottom: 5px;
		}


	</style>
</head>
<body>
<!--导航开始-->
<div class="xyg-menu">
	<div id="menu_hover_bg" style="height: 0px; overflow: hidden;"></div>
	<div class="w1200">
		<div class="logo">
			<a href="${s.base}/web/pc/index"><img src="${webConfig.coverImage}" /></a>
		</div>
		<div class="menu">
			<ul>
				<#list webNavigationList as webNavigation>
					<li>
						<#if webNavigation.navIconType == "2">
							<#if webNavigation.url?index_of("?")!=-1>
								<h2 class="mr40"><a href="${webNavigation.url}&navId=${webNavigation.id}">${webNavigation.name}</a><img src="${s.base}/pc/images/icon/hot.gif" class="pa"/></h2>
								<#else>
									<h2 class="mr40"><a href="${webNavigation.url}?navId=${webNavigation.id}">${webNavigation.name}</a><img src="${s.base}/pc/images/icon/hot.gif" class="pa"/></h2>
							</#if>

							<#else>
								<#if webNavigation.url?index_of("?")!=-1>
									<h2><a href="${webNavigation.url}&navId=${webNavigation.id}">${webNavigation.name}</a></h2>
									<#else>
										<h2><a href="${webNavigation.url}?navId=${webNavigation.id}">${webNavigation.name}</a></h2>
								</#if>
						</#if>
					</li>
				</#list>
			</ul>
		</div>
		<div class="login">
			<a href="${s.base}/web/pc/login">登陆</a>
			<a href="javascript:alert('暂不提供对外注册！')">免费注册</a>
		</div>
	</div>
</div>
<!--导航结束-->
<!--轮播开始-->
<div class="xyg-banner swiper-banner swiper-container">
	<div class="swiper-wrapper">
		<#list webBannerList as webBanner >
			<a href="${webBanner.description!'javascript:void(0)'}" class="swiper-slide">
				<img src="${webBanner.image}" style="width: 100%; height: auto;">
			</a>
		</#list>
	</div>
	<div class="swiper-pagination swiper-pagination-white"></div>
</div>
<!--轮播结束-->
<!--目录导航开始-->
<div class="newlj inter"><img src="${s.base}/pc/images/new.png" /> 您当前位置：
	<#list currentNavList as currentNav>
		<#if currentNav_index != 0>
			&nbsp;<svg class="icon" aria-hidden="true"><use xlink:href="#iconxiangyou"></use></svg>
		</#if>
		<span>${currentNav.name}</span>
	</#list>
</div>
<!--目录导航结束-->
<!--详情开始-->
<div class="newlist inter after">
	<div class="new_le">
		<ul id="contentShow">
		</ul>
		<div id="myPage"></div>
	</div>
	<div class="new_ri">
		<p class="new_p4">最新资讯</p>
		<div class="new_ri1" id="zxOneShow">

		</div>
		<ul class="new_ri_ul"  id="zxTwoShow">

		</ul>
	</div>
</div>
<!--详情结束-->

<!--底部开始-->
<div class="xyg-bottom">
    <div class="register">
        <h2 class="title">
            现在注册，立享价值上万元的新人专属礼包
        </h2>
        <p class="desc">
            运营交流大会门票&运营宝典
        </p>
        <a href="${s.base}/pc/#" class="btn">
            注册有礼
        </a>
    </div>
    <!--尾部-->
    <div class="site-footer">
        <div class="footer-related">
            <div class="footer-article w1210">
                <#list webLinkerList as webCol>
                    <#if webCol.colExtendType=="1">
                        <dl class="col-article">
                            <dt>
                                ${ webCol.name}
                            </dt>
                            <dd>
                                <#list webCol.webLinkerList as webLinker>
                                    <a href="${ webLinker.url}">
                                        ${ webLinker.name}
                                    </a>
                                </#list>
                            </dd>
                        </dl>
                    </#if>
                </#list>


                <dl class="col-article col-article-spe">
                    <dt>
                        联系我们
                    </dt>
                    <dd>
                        <p>
                            邮箱: ${webConfig.email}
                        </p>
                        <p>
                            QQ: ${webConfig.qq}
                        </p>
                        <p>
                            电话: ${webConfig.telephone}
                        </p>
                    </dd>
                </dl>
                <div class="col-code fl">
                    <div class="code">
                        <img src="${webConfig.wechat}" alt="微信公众号">
                    </div>
                    <p>
                        官方微信公众号
                    </p>
                </div>
            </div>
            <div class="footer-links">
        <span>
          友情链接：
        </span>
                <!-- 友情链接循环开始 -->
                <#list webLinkerList as webCol>
                    <#if webCol.colExtendType=="3">
                        <#list webCol.webLinkerList as webLinker>
                            <a href="${ webLinker.url}">
                                ${ webLinker.name}
                            </a>
                        </#list>
                    </#if>
                </#list>
                <!-- 友情链接循环结束 -->
            </div>
            <div class="footer-info w1210">
                <div class="info-text">
                    <!-- 底部导航 -->
                    <p class="nav-bottom">
                        <#list webLinkerList as webCol>
                            <#if webCol.colExtendType=="4">
                                <#list webCol.webLinkerList as webLinker>
                                    <#if webLinker_index != 0>
                                        <em>
                                            |
                                        </em>
                                    </#if>
                                    <a href="${ webLinker.url}">
                                        ${ webLinker.name}
                                    </a>

                                </#list>
                            </#if>
                        </#list>
                    </p>
                    <p class="copyright">
                        ${webConfig.copyright}
                        <em>
                        </em>
                        <a href="javascript:void(0)" rel="nofollow">
                            ${webConfig.siteNumber}
                        </a>
                    </p>
                    <p class="company-info">
                        ${webConfig.address}
                    </p>
                    <p class="qualified">
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部结束-->
<script src="${s.base}/pc/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/jquery.num.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/fonts/iconfont.js" type="text/javascript" charset="utf-8" ></script>
<script src="${s.base}/pc/js/swiper.animate.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="${s.base}/pc/js/jquery.sPage.js"></script>
<script type="text/javascript" src="${s.base}/js/webApi.js"></script>
<script type="text/javascript">
    //轮播图
    var main_swiper = new Swiper('.swiper-banner.swiper-container', {
        direction: 'horizontal',
        slidesPerView: 1,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        }
    });

    var navId='${navId}';
    var colFlag='${colFlag}';
    var pageNum=0;
    var pageSize=1;
    $(document).ready(function(e) {
        acceptNews();
        //资讯
       acceptXygArticleListByColFlagTagFlag(1,"","wz_frist_show",-1,function(data){
            $("#rlzxShow").html("");
            if (data != null && data.length > 0) {
                var i=0
                data.forEach(function (item,key,mapObj) {
                    if(i==0){
                        $("#zxOneShow").html('<a href="/web/pc/descTitle?articleId='+item.id+'&navId='+navId+'">'+
                            '<img src="'+item.thumImage+'" />'+
                            '<div class="new_ri_text after">'+
                            '<div class="new_ri_text1">'+
                            '<p>'+$.fn.timeToString(item.createTime,"MM")+'</p>/'+$.fn.timeToString(item.createTime,"dd")+
                            '</div>'+
                            '<div class="new_ri_text2"><p class="font-grade-one">'+item.title+'</p>'+
                            '<p class="font-grade-one">'+item.description+'</p></div></div></a>');
                    }else{
                        $("#zxTwoShow").append('<li class="font-grade-one"><a href="/web/pc/descTitle?articleId='+item.id+'&navId='+navId+'">'+item.title+'</a></li>');
                    }
                    i++;
                });
            }
        });
    });
    //获取信息
    function acceptNews() {
        $("#contentShow").html("");
        acceptXygArticlePageByColFlag(1,pageNum,pageSize,colFlag,function (result) {
            if (result.data != null && result.data.length > 0) {
                result.data.forEach(function (item,key,mapObj) {
                    var str='<li class="after">'+
                        '<a href="/web/pc/descTitle?articleId='+item.id+'&navId='+navId+'">'+
                        '<div class="new_img">'+
                        '<img src="'+item.thumImage+'" />'+
                        '</div>'+
                        '<div class="new_text">'+
                        '<p class="new_p1 font-grade-one">'+item.title+'</p>'+
                        '<p class="new_p2 font-grade-two">'+item.description+'</p>'+
                        '<p class="new_p3">'+$.fn.timeStamp2String(item.createTime)+'</p>'+
                        '</div></a></li>';
                    $("#contentShow").append(str);
                });
            }
            $("#myPage").sPage({
                page:pageNum,//当前页码，必填
                total:result.count,//数据总条数，必填
                pageSize:pageSize,//每页显示多少条数据，默认10条
                showTotal:true,//是否显示总条数，默认关闭：false
                totalTxt:"共{total}条",//数据总条数文字描述，{total}为占位符，默认"共{total}条"
                noData: false,//没有数据时是否显示分页，默认false不显示，true显示第一页
                showSkip:true,//是否显示跳页，默认关闭：false
                showPN:true,//是否显示上下翻页，默认开启：true
                prevPage:"上一页",//上翻页文字描述，默认“上一页”
                nextPage:"下一页",//下翻页文字描述，默认“下一页”
                backFun:function(page){
                    //点击分页按钮回调函数，返回当前页码
                    pageNum=page;
                    acceptNews();
                }
            });
        })
    }
</script>
</body>

</html>